﻿<div class="container-fluid">

    <div class="col-sm-6">
        <h2>Side</h2>
        <div class="panel panel-default">
            <div class="panel-heading">Empleados</div>
            <div class="panel-body">
                <table class="table">
                    <thead>
                        <tr>
                            <th>First Name</th>
                            <th>Last Name</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Nicolas</td>
                            <td>Lareu</td>
                        </tr>
                        <tr>
                            <td>Maria Sol</td>
                            <td>Martinez</td>
                        </tr>
                        <tr>
                            <td>Pablo</td>
                            <td>Florio</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <hr>
        <div class="panel panel-default">
            <div class="panel-heading">Title</div>
            <div class="panel-body">Content here..</div>
        </div>
        <hr>
        <div class="panel panel-default">
            <div class="panel-heading">Title</div>
            <div class="panel-body">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. 
            Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis 
            dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. 
            Aliquam in felis sit amet augue.
            </div>
        </div>
        <hr>
        <div class="panel panel-default">
            <div class="panel-heading">Title</div>
            <div class="panel-body">Content here..</div>
        </div>
        <hr>
    </div>

    <div class="col-sm-6">
        <div class="row">
            <div class="col-xs-12">
                <h2>Article Heading</h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. 
          Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis 
          dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. 
          Aliquam in felis sit amet augue.
                </p>
                <p class="lead">
                    <button class="btn btn-default">Read More</button></p>
                <p class="pull-right"><span class="label label-default">keyword</span> <span class="label label-default">tag</span> <span class="label label-default">post</span></p>
                <ul class="list-inline">
                    <li><a href="#">2 Days Ago</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-comment"></i>2 Comments</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-share"></i>14 Shares</a></li>
                </ul>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-xs-12">
                <h2>Article Heading</h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. 
          Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis 
          dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. 
          Aliquam in felis sit amet augue.
                </p>
                <p class="lead">
                    <button class="btn btn-default">Read More</button></p>
                <p class="pull-right"><span class="label label-default">keyword</span> <span class="label label-default">tag</span> <span class="label label-default">post</span></p>
                <ul class="list-inline">
                    <li><a href="#">4 Days Ago</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-comment"></i>7 Comments</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-share"></i>56 Shares</a></li>
                </ul>
            </div>
        </div>
        <hr>
        <div class="row">
            <div class="col-xs-12">
                <h2>Article Heading</h2>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. 
          Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero. Aenean sit amet felis 
          dolor, in sagittis nisi. Sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. 
          Aliquam in felis sit amet augue.
                </p>
                <p class="lead">
                    <button class="btn btn-default">Read More</button></p>
                <p class="pull-right"><span class="label label-default">keyword</span> <span class="label label-default">tag</span> <span class="label label-default">post</span></p>
                <ul class="list-inline">
                    <li><a href="#">1 Week Ago</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-comment"></i>4 Comments</a></li>
                    <li><a href="#"><i class="glyphicon glyphicon-share"></i>34 Shares</a></li>
                </ul>
            </div>
        </div>
        <hr>
    </div>
</div>
